<template>
    <h1>{{message}}</h1>
    <h1>{{$attrs}}</h1>
</template>
<script setup>
import { useAttrs,defineProps} from 'vue';
const props = defineProps(['message']);
console.log('props',props)
const attrs =  useAttrs();
console.log('attrs',attrs)
</script>
<!-- <script>
export default {
   props:{//接收父组件传递过来的message属性
    message:{
        type:String,//类型是字符串
        default:'world'
    }
  },
  //在setup钩子函数中，第一个参数就是属性对象
  setup(props,context){
    console.log('props',props);
    console.log('context',context)
  }
}
</script> -->